/* ----------------------
Author: OuJinfeng - 2010/07/08 - Comm CSS style
---------------------- */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
 p {line-height:100%;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0;height:0;margin:0;padding:0;font-size:0; overflow:hidden;}
.left{float:left;}
.right{float: right;}
iframe {margin:0;padding:0;}

/*--------------common css---------------------*/
 .closed, .closed_3,.closed_2 {display:block;overflow:hidden;text-indent:-999px;}
/*--------------------*/
 a.black_bg, a.black_bg span, a.black_bg:hover, a.black_bg:hover span { _margin-top:-1px;background-image:url(../images/exit_bg.gif);background-repeat:no-repeat;color: #fff;}
a.black_bg {vertical-align:middle;display:inline-block;background-position:0 0; height:30px; overflow:hidden;text-decoration:none; padding-left:10px; line-height:24px;}
a.black_bg span, a.black_bg:hover span {margin:0;padding:1px 10px 10px 0; line-height:24px;}
a.black_bg span {display:inline-block;margin:0;padding:0 10px 10px 0; background-position:right -30px; }
a.black_bg:hover {background-position: 0px -60px; }
a.black_bg:hover span {background-position:right -90px;color:#000;}

a.btn, a.btn span, a.btn:hover, a.btn:hover span,a.disabled,a.disabled span {background-image:url(../images/button.gif);background-repeat:no-repeat;color: #fff;}
a.btn,a.disabled {vertical-align:middle;display:inline-block;background-position:0px -42px;line-height:21px;_line-height:23px;height:21px;overflow:hidden;text-decoration:none;}
a.btn span, a.btn:hover span,a.disabled span {display:block;margin:0 0 0 3px;padding:0 10px;}
a.btn span {background-position:right -63px;}
a.btn:hover {background-position: 0px 0px;padding:0;}
a.btn:hover span {background-position:right -21px; }
a.disabled {background-position:0 -84px;}
a.disabled span {background-position:right -105px;}
a.disabled span ,a.disabled:hover span { color:#666;}
/*-------------------------*/
body {font:12px/22px Arial, \5b8b\4f53,Sans-serif;color:#666;}
#message_page {background:#a8e0f4 url(../images/bg.gif) repeat-x 0 0;}
a {color:#2276BB;text-decoration:none; cursor:pointer;}
a:hover,.pagenav a:hover {color:#ff9600;}
p {line-height:18px;  word-wrap: break-word; }
input {vertical-align:-2px;*vertical-align:1px;}
#wrap { background:url(../images/head_bg.jpg) no-repeat center 0;}
#container { width:960px; margin:0 auto;}
#header { float:left; width:100%; margin-bottom:55px; }
h1 {padding:42px 0 0 68px;font:700 36px \5fae\8f6f\96c5\9ed1,\9ed1\4f53,Arial,\5b8b\4f53,Sans-serif;color:#fff;width:600px;float:left;}
h1 a, h1 a:hover { color:#fff;}
#headbar {width:260px; padding:42px 0 0 10px; float:left;}
.weather_bg,.weather_bg span { display:inline-block; background-image:url(../images/weather_bg.gif);line-height:23px; height:23px;background-repeat:no-repeat}
.weather_bg {margin-top:3px; float:right; background-position:0 0; padding-left:10px;}
.weather_bg span {background-position: right -23px; padding:0 15px 0 5px;_padding-top:2px; overflow:hidden; _height:21px;}
#content,#sidebar,.message_content,.head_box,.head_box2,.feeds_content,.special_area ,.admin_name,.special_area .head_pic,.notice_board{ float:left; display:inline; }
#content {width:570px; padding-left:15px;}
#sidebar { width:375px;}
.message_bar { position:relative; z-index:2; background:url(../images/message_bg.jpg) no-repeat 0 0; width:530px; height:190px;  padding:12px 12px 0; color:#fff;}

.head_box,.head_box2 {  width:54px; padding-right:20px;}
.head_pic { width:48px; height:48px; padding:3px; background:url(../images/head_bg.gif) no-repeat 0 0;}
.user_name { line-height:25px; text-align:center; color:#0b7fc7; }
.message_bar .user_name {color:#fff;}
.message_content { width:452px; }
.message_content a { color:#fff; display:inline-block;}
.message_content a:hover { color:#fff;}
.word_numb {position:absolute;right:20px;top:3px;font:12px Arial, \5b8b\4f53,Sans-serif; }
.error  {color:#CC0000;}
.pipslim {font-family:Constantia, Georgia;font-size:30px;font-weight:normal;position:relative;top:-1px;vertical-align:-2px;}
label { margin-right:5px; line-height:20px;display:inline-block;}
.text_inputbg { display:inline-block; width:200px; background:url(../images/text_inputbg.gif) no-repeat 0 0;  height:19px; padding-top:3px; }
.text_inputbg input { line-height:18px; border:0; width:190px; margin:0 5px; height:18px; background:none;}
.textareabg { margin-top:10px; background:url(../images/textareabg.gif) no-repeat 0 0; width:438px; height:112px;padding:5px;}
.textareabg textarea {border:0; background:none; width:440px; height:112px; resize:none;}
.message_option { width:255px; float:left; margin-top:5px;}
.message_option li { float:left; line-height:22px;margin-right:10px; display:inline; }
.face { background:url(../images/face.gif) no-repeat 0 1px; padding-left:22px;}
.checkbox { width:13px; height:13px;}
.right_btn { float:right; padding:5px; _padding-top:3px; }

 /*-----layer_box----*/
.comments_box { width:100%; float:left; margin:15px 0 0; position:relative; z-index:1;}
.comments_box li {clear:both;padding-bottom:10px;}
.comments_box .head_box { background:url(../images/pointer_left.png) no-repeat right 12px; padding-right:35px; }
.textarea_380 {width:380px;margin:0 0 5px;height:30px;}
.comment_text {float:left;padding:5px 0 5px 5px;width:385px;}
.closed,.closed_3,.closed_2 {width:13px;height:13px; float:right;margin:8px 5px;}
.closed { background:url(../images/close2.gif) no-repeat 0 0;}
.closed_3 { background:url(../images/close.gif) no-repeat 0 0; }
.closed_2{position:absolute;right:5px;background:url(../images/close3.gif) no-repeat 0 0;}
.layer_box, .layer_box2 {-moz-border-radius:5px 5px 5px 5px;-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);background:#fff;border:5px solid #ccc;color:#333;display:none;font:12px/16px "Lucida Grande", Arial, Sans-serif;margin:0;padding:0;position:absolute;z-index:105;}
.layer_box2 { border:1px solid #5287cc;}
.layer_content h2 {color:#fff;font-weight:700;background:#3b85b4;line-height:25px;height:25px;padding-left:10px;}
.popping_content,.login_box {margin:10px 15px;}
.popping_content {text-align:center;}
.faces_icons,.user_head {margin:10px;}
 .faces_icons li,.user_head li {float:left;height:28px;padding:0 5px 5px 0;width:28px;margin:0; display:inline;}
.faces_icons li a,.user_head li a {border:1px dashed #ddd;display:block;height:26px;text-align:center;width:26px;}
.faces_icons li a:hover ,.user_head li a:hover {border:1px dashed #ff9600;}
 .user_head li,.user_head li a  { width:48px; height:48px; }
   .user_head li {padding:0 10px 10px 0;}
.layer_pointer,.layer_pointer2 {background:url(../images/pointer.gif) no-repeat scroll 0 0 transparent;top:-20px;cursor:pointer;	height:20px;left:20px;position:absolute;width:27px;}
.layer_pointer2 {background:url(../images/pointer2.gif) no-repeat scroll 0 0 transparent;}
.layer_pointer3 {  background:url(../images/pointer3.gif) no-repeat 0 0; bottom:-20px; cursor:pointer;	height:20px;left:20px;position:absolute;width:27px;}
#headIconBox { width:382px;top:66px;left:0;_width:400px;}
#faceBox { width:396px;_width:405px;}
/*------------------*/
.comments_main { width:463px; float:left;}
.comm_top,.comm_btm  { overflow:hidden;}
.comm_top { background:url(../images/tip_top.png) no-repeat 0 0; height:8px;}
.comm_mid,.feedback { background:url(../images/tip_mid.png) repeat-y 0 0; padding:5px 20px;}
.comm_btm {background:url(../images/tip_btm.png) no-repeat 0 0; height:10px;  }
.comments_main p,.comm_content p ,.feedback p { text-indent:2em; }
.comm_content { padding:10px;}
.line { background:url(../images/line.gif) repeat-x 0 center; height:8px; font-size:0;}
.record {color:#c2b59b;}
.record em { padding:0 10px;}
.reply_container {margin:3px 0 5px; background:url(../images/tip_top2.png) no-repeat 0 0; padding-top:22px;}
.feedback { width:463px; padding:0;}
.feedback li { padding:8px 20px 3px; *padding-bottom:0;margin-right:2px; background:url(../images/line.gif) repeat-x 0 bottom;  }
 .head_box2 { padding-right:12px;} 
.feeds_content {width:355px;padding:0;word-wrap:break-word;overflow:hidden;}
.comment { width:420px;background:#eceff5;padding:0;}
.double_btn {text-align:center;margin:0 auto; padding-top:10px;}

.faces{padding-left:20px;display:inline-block;line-height:18px; background:url(../images/face2.gif) no-repeat 0 0;}
 .pagenav { padding-left:120px; padding-top:5px; line-height:15px; background:url(../images/pagenavbg.png) no-repeat right 0; width:432px; height:29px; color:#aaa; }
 .pagenav a  {color:#222;padding:2px;text-align:center;text-decoration:none;
}
.pagenumber {font:10px Verdana,Arial,Helvetica,\5b8b\4f53,sans-serif;}
.special_area { width:220px; padding:10px 0 0 5px; float:left; }
.special_area .head_pic {}
a.stage_link { color:#fff; font-size:12px; font-weight:400; margin-right:15px;}
a.stage_link:hover { text-decoration:underline; color:#fff;}
.admin_name { width:80px; font-size:14px; font-weight:700; padding:5px 0 0 10px; color:#000;}
.notice_board { width:137px; height:68px; background:url(../images/notice_board.png) no-repeat 0 0;}
.notice_content { clear:both; background:url(../images/tip_top3.png) no-repeat 0 0; padding-top:22px;}
.notice_content .feedback { width:345px; background:url(../images/comm_mid2.png) repeat-y 0 0;}
.notice_content .feedback li { padding-bottom:5px;}
.notice_content .comm_btm  {width:345px; background:url(../images/comm_btm2.png) no-repeat 0 0;}
.notice_content .pagenav { padding:10px 0 0; margin:0; width:345px; background:none;}
#footer { clear:both; text-align:center; padding:15px;}
#footer a { margin:0 10px; }
#footer a:hover { text-decoration:underline; color:#000}
.source { float:right;}
.source a { margin-top:3px;border-right:1px solid #cecdcd;padding-right:6px;margin-right:6px;display:inline-block;line-height:16px;}
.contractile, .open {padding-left:15px;display:inline-block;line-height:15px;}
.contractile { background:url(../images/cont_icon.gif) no-repeat 3px 2px;background-position:3px 0\9;}
.open { background:url(../images/icon_2.gif) no-repeat 0 2px;background-position:0 0\9;}
#vCodeImg img { vertical-align:middle;}
fieldset {width: 80%;margin: 10px auto;border: 1px solid #D9EDFF;padding-bottom:20px;}
legend,.stage_content h3 {margin-left:30px; font-size:14px; font-weight:700; color:#ff9204;}
.setting {  margin:20px 0; width:100%; float:left; }
.setting dt,.setting dd {float:left; margin-bottom:5px; line-height:19px;}
.setting dt {clear:both;width: 30%;	text-align: right;}
.setting dd {width: 60%;padding-left:12px;color:#000;}
.login_box dt { width:24%;}
.login_box dd { width:70%}
.margin_r90 { margin-right:90px;}
.margin_r30 { margin-right:30px;}
 .text_input, .input_100 {height:15px;width:220px;border:1px solid #7fb0dc;line-height:15px;padding:1px 3px;vertical-align:middle;}
.input_100 { width:100px;}
/*-------------------------------------------*/
  /*------------------------*/
.orange,.attention {color:#ff9204;}
.blue,dd.blue {color:#018cd1;}
li.noborder, a.noborder {
	border:0;
	background:none;
}
.gray { color:#b4b4b4;}
/*----------------ding jia------------------*/
#overlay {
	position: fixed;
	z-index:1005;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
